<html>
<head>
<style>
@page {
  size: 200px 100px;
  margin: 30px;
  -fs-max-overflow-pages: 10;
  -fs-overflow-pages-direction: ltr;
  
  @left-top {
    content: " ";
    background-color: red;
  }
  @left-bottom {
    content: " ";
    background-color: blue;  
  }
  @left-middle {
    content: " ";
    background-color: green;
  }

  @right-top {
    content: " ";
    background-color: red;  
  }
  @right-bottom {
    content: " ";
    background-color: blue;  
  }
  @right-middle {
    content: " ";
    background-color: green;
  }

  @bottom-left-corner {
    content: " ";
    background-color: pink;  
  }  
  @bottom-left {
    content: " ";
    background-color: orange;
  }
  @bottom-center {
    content: " ";
    background-color: aqua;
  }
  @bottom-right {
    content: " ";
    background-color: red;
  }
  @bottom-right-corner {
    content: " ";
    background-color: green;  
  }
  
  @top-left-corner {
    content: " ";
    background-color: orange;
  }
  @top-left {
    content: " ";
    background-color: blue;
  }
  @top-center {
    content: " ";
    background-color: green;
  }
  @top-right {
    content: " ";
    background-color: red;
  }
  @top-right-corner {
    content: " ";
    background-color: pink;
  }
}
</style>
</head>
<body>
<div style="width: 150%; height: 20px; background-color: red;"></div>
</body>
</html>
